<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 移入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入插件样式 -->
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/checkstand.css">
</head>
<body>
    <!-- 1、头部开始 -->
    <div id="header">
        <!-- 顶部 -->
        <div class="top bgc10 ce6">
            <!-- 版心 -->
            <div class="container ti210">
                <!-- 左边 -->
                legochina.cn
                <!-- 右边 -->
                <div class="fr">
                    欢迎光临<span class="cf60">乐购</span>，请<a href="#">登录</a>\<a href="#" class="cf60">注册</a>
                </div>
            </div>
        </div>
        <!-- 菜单 -->
        <div class="container rel">
            <!-- logo -->
            <a href="./index.html"><img src="./imgs/logo.jpg" alt="" class="abs logo"></a>
        </div>>
    <!-- 表头 -->
    <div id="Header" class="container fs16 clearfix">
        <p class="fl">订单提交成功，请尽快付款！ 订单编号：91000234567</p>
        <p class="fr"><a href="#">订单详情</a></p>
    </div>
    <div id="theOrder" class="container clearfix bsbb">
        <p class="fs18 fl lh60">请您在订单提交<span class="cf60 fs18 lh60">24</span>小时内付款，否则将会取消订单</p>
        <p class="lh60 fs18 fr">应付金额：<span class="cf60 lh60 fs18">47:00</span></p>
    </div>
    <!-- 乐购支付 -->
    <div id="legouzhifu" class="container">
        <p class="fl fs18 zhifu dib">乐购支付</p>
        <p class="fl cccc lh60">以下方式由乐购支付提供</p>
    </div>
    <div id="theOrder1" class="container bsbb">
        <p class="yinhangka dib fl fs16">银行卡</p>
        <p class="fl fs16 lh80">&emsp;中国招商银行&emsp;&emsp;<span class="cf60">网银</span><span class="cccc">&emsp;最近使用&emsp;</span></p>
        <p class="tianjia lh80 dib">添加银行卡</p>
        <p class="fs16 fr lh80">支付金额：<span class="cf60">47:00</span></p>
    </div>
    <div id="lijizhifu" class="container">
        <div class="zhifutubiao">
            <p class="lijitubiao1 dib fs20 fr"><a href="#" class="cfff">立即支付</a></p>
        </div>
        <div id="mask1"></div>
        <div id="box1">
            <span id="closeBtn">X</span>
        </div>
    </div>
    <div id="legouzhifu" class="container">
        <p class="fl fs18 zhifu1 dib">其他支付</p>
        <p class="fl lh60"><a href="#" class="cccc">以下方式不支持合并支付</a></p>
    </div>

    <div id="bor" class="container">
        <p class="dib fs16">微信支付 | 中国移动支付 | 中国银联 | 外籍内卡 | 拉卡拉 | 预约支付卡 | 乐购钱包扫一扫</p>
    </div>


























<!-- 广告 -->
<div id="advertisement3" class="container">
    <a href="#"><img src="./imgs/advertisement.jpg" alt=""></a>
</div>
        <!-- 下边线 -->
    <div id="xiabianxian3"></div>

    <!-- 10.页脚 -->
    <!-- 四个图标 -->
    <div id="footer">
        <div class="footerTop">
            <ul class="container">
                <li><a href="#"><img src="./imgs/222_11.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_13.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_15.png" alt=""></a></li>
                <li><a href="#"><img src="./imgs/222_17.png" alt=""></a></li>
            </ul>
        </div>
    <!-- 页脚列表 -->
        <div class="footerList container">
            <!-- 页脚第一排列表盒子 -->
            <div class="footerListBox">
                <ul class="container">
                    <script>
                        for (let i = 0; i < 5; i++) {
                            document.write(`
                            <li class="footerListText dib fl"><a href="#">购物指南</a></li>
                            `) 
                        }
                    </script>
                </ul>
            </div>
            <!-- 页脚第二排列表盒子 -->
            <div class="footerListBox2">
                <ul class="container Boxtwo">
                    <script>
                        for (let i = 0; i < 19; i++) {
                            document.write(`
                            <li class="footerListText2 dib fl"><a href="#">退换货政策</a></li>
                            `)
                        }
                    </script>
                    <li class="footerLogo">
                        <div>
                            <img src="./imgs/logo_00.png" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 最后两排 -->
        <div class="footerBottom container">
            <p class="dib mg42 lh32 tcenter">公司简介  |  Investor Relations  |  网站联盟  |  乐购招商  |  机构销售  |  手机乐购  |  官方Blog   |  热词搜索<br>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>




    <!--轮播结束-->
    <script src="./lib/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--插件库-->
            <script src="./lib/slider.js" type="text/javascript" charset="utf-8"></script>
            <script src="./js/index.js"></script>
</body>
</html>